.k-input-main {
  width: var(--k-input-width);
  position: relative;
  display: flex;
}
.k-input {
  width: var(--k-input-width);
  height: var(--k-input-height);
  line-height: var(--k-input-height);
  padding: 0 var(--k-padding);
  border: 1px solid var(--k-input-boder-color);
  border-radius: var(--k-radius);
  font-size: var(--k-font-size);
  letter-spacing: var(--k-letter-spacing);
  outline: none;
  background-color: transparent;
}
.k-input:focus {
  transition: outline 0.3s ease-in-out;
  outline: 1px solid var(--k-focus-boder-color-100);
}
.k-input-icon{
  /* height: 100%; */
  display: flex;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
